<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" trimDirectiveWhitespaces="true"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="keywords" content="Aceona,Aceona.com,人脉俱乐部,精英互荐,猎手,猎寻,千猎千寻,马球俱乐部,高端人才猎头,高薪职位猎头,中高层管理人员猎头,高薪职位,世界500强职位, 知名企业招聘,中高端人才招聘,高薪工作,高收入工作,外企招聘,人才推荐奖金" />
<meta name="description" content="埃斯欧纳信息咨询有限公司,Aceona.com,为中高端人才提供优质的工作机会和良好的事业发展机遇，提供搜索职位、投简历、猎头服务等求职服务，帮求者找到知名企业和高薪工作。为招聘企业提供职位发布,高级人才的搜寻,推荐,猎头等服务" />
<meta name="company" content="深圳埃斯欧纳人力资源有限公司,Aceona.com"/>
<meta content="本页版权归Aceona所有。All Rights Reserved" name="copyright" />
<meta name="robots" content="index,follow" />
<meta content="aceona,Aceona.com,红桃网" name="author" />
<meta content="Dreamweaver" name="Generator" />
<meta content="本页版权归Aceona所有。All Rights Reserved" name="copyright" />
<title>aceona圈子转让</title>
<!-- 公用标签 -->
<%@ include file="/common/inc.inc"%> 
<!--  -->
<link rel="stylesheet" href="${ctx}/app_css/global.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="${ctx}/app_css/app_layout.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="${ctx}/app_css/app_form_v2.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="${ctx}/app_css/app_view_v2.css" type="text/css" charset="utf-8" />

<link rel="stylesheet" href="${ctx}/api_demo/css/api_common.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="${ctx}/app_js/plugins_alerts/jquery.alerts.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="${ctx}/app_js/jqueryUI/css/custom-theme/jquery-ui-1.8rc3.custom.css" type="text/css" charset="utf-8" />
<link href="${ctx}/app_css/app_widgets_new.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/app_css/app_ui_widgets.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${ctx}/app_js/jquery.js"></script>
<script type="text/javascript" src="${ctx}/app_js/plugins_alerts/jquery.alerts.js"></script>
<script type="text/javascript" src="${ctx}/app_js/jqueryUI/js/jquery-ui-1.8rc3.custom.min.js"></script>
<script type="text/javascript" src="${ctx}/app_js/app_widgets/ace_widgets_jobType.js"></script>
<script type="text/javascript">
	$(function(){
		$("#J_area").getArea({
			oDataSource: webRoot_path + "/api_demo/xml_dataSource/area.xml"
		});
		$("#J_jobName").getJobName({
			oDataSource: webRoot_path + "/api_demo/xml_dataSource/jobName.xml"
		});
		$("#J_getDisciplineType").getDisciplineType({
			oDataSource: webRoot_path + "/api_demo/xml_dataSource/getDisciplineType.xml",
			isMulti:false,
			maxLength:1,
			//Dialog ID一定要跟多选的有区别
			dialogId: "js_dialog_disciplineType2"
		});
		$("#J_getDisciplineType2").getDisciplineType({
			oDataSource: webRoot_path + "/api_demo/xml_dataSource/getDisciplineType.xml",
			isMulti:true
		});
		$("#J_getSalary").getPayment({
			oDataSource: webRoot_path + "/api_demo/xml_dataSource/getSalary.xml",
			isMulti:false
		});
		$("#J_getSalary2").getPayment({
			oDataSource: webRoot_path + "/api_demo/xml_dataSource/getSalary.xml",
			isMulti:true,
			dialogId: "js_Salary_data2"
		});
		$("#J_getScope").getEnterpriseScale({
			oDataSource: webRoot_path + "/api_demo/xml_dataSource/getEnterpriseScale.xml",
			isMulti:false
		});
		$("#J_record").getDiploma({
			oDataSource: webRoot_path + "/api_demo/xml_dataSource/getDiploma.xml",
			isMulti:false
		});
	});

</script></head>
<body>
	<table width="100%" cellspacing="0" cellpadding="0" border="0" class="app_table_b">
		 <tbody>
		 	<tr>
			    <th width="200">组件名：</th>
			   <td class="tal">地区、省份，职位类型选取组件 </td>
	       </tr>
		   <tr>

			    <th>author</th>
			   <td class="tal">Peter</td>
	       </tr>
		 	<tr>
			    <th width="200">依赖文件：</th>
			   <td class="tal">
			      <dl>

				     <dt class="f_b">依赖jAlert组件：</dt>
					 <dd>${ctx}/app_js/plugins_alerts/jquery.alerts.css</dd>
					 <dd>${ctx}/app_js/plugins_alerts/jquery.alerts.js</dd>
					 <dt class="f_b">依赖Dialog组件：</dt>
					 <dd>${ctx}/app_js/jqueryUI/css/custom-theme/jquery-ui-1.8rc3.custom.css</dd>
					 <dd>${ctx}/app_js/jqueryUI/js/jquery-ui-1.8rc3.custom.min.js</dd>

				  </dl>		      </td>
	       </tr>
	        <tr>
	          <th>模块化加载的方式:</th>
	          <td class="tal">
			    <dl>
				  <dt class="f_b">页面ready的时候加载</dt>

				  <dd>ssss</dd>
				  <dt class="f_b">按需的时候加载</dt>
				  <dd>sssss</dd>
				</dl>				
			  </td>
           </tr>
           <tr>
			  	<th>直接包含css,js文件调用示例:</th>

			    <td class="tal">
			  	<p class="p_tb_12 f_b">有二级数据，一级需要划分类型，多选情况</p>
					  <div class="widgets_w_a app_ui_area_w_a">
						<a id="J_area" href="javascript:void(0)" title="请选择出生地" class="widgets_a_a app_ui_sp">
							<span class="item_slide_r app_ui_sp">
								请选择地区							</span>						</a>			        </div>
					<p class="p_tb_12 f_b c_b">有二级数据，一级需要划分类型，无热门推荐并且多选情况</p>

			        <div class="widgets_w_a app_ui_area_w_a c_b">
						<a id="J_jobName" href="javascript:void(0)" title="请选择专业" class="widgets_a_a app_ui_sp">
							<span class="item_slide_r app_ui_sp">
								请选择专业							</span>						</a>					</div>	
					<p class="p_tb_12 f_b c_b">只有一级数据，需要划分类型，单选情况</p>
			        <div class="widgets_w_a app_ui_area_w_a c_b">
						<a id="J_getDisciplineType" href="javascript:void(0)" title="请选择企业所属行业" class="widgets_a_a app_ui_sp">

							<span class="item_slide_r app_ui_sp">
								单选请选择企业所属行业							</span>						</a>					</div>	
					<p class="p_tb_12 f_b c_b">只有一级数据，需要划分类型，多选情况</p>
			        <div class="widgets_w_a app_ui_area_w_a c_b">
						<a id="J_getDisciplineType2" href="javascript:void(0)" title="请选择企业所属行业" class="widgets_a_a app_ui_sp">
							<span class="item_slide_r app_ui_sp">
								请选择企业所属行业							</span>						</a>					</div>	
					<p class="p_tb_12 f_b c_b f_red">只有一级数据，没有类型划分，多选情况</p>

			        <div class="widgets_w_a app_ui_area_w_a c_b">
						<a id="J_getSalary2" href="javascript:void(0)" title="请选择企业所属行业" class="widgets_a_a app_ui_sp">
							<span class="item_slide_r app_ui_sp">
								请选择年薪范围2							</span>						</a>					</div>
					<p class="p_tb_12 f_b c_b">只有一级数据，无类型划分，单选情况</p>
			        <div class="widgets_w_a app_ui_area_w_a c_b">
						<a id="J_getSalary" href="javascript:void(0)" title="请选择年薪范围" class="widgets_a_a app_ui_sp">

							<span class="item_slide_r app_ui_sp">
								请选择年薪范围							</span>						</a>					</div>
					<div class="widgets_w_a app_ui_area_w_a c_b m_t_12">
						<a id="J_record" href="javascript:void(0)" title="请选择学历" class="widgets_a_a app_ui_sp">
							<span class="item_slide_r app_ui_sp">
								请选择学历							</span>						</a>					</div>                </td>

	       </tr>
		   <tr>
			  	<th>参数说明:</th>
			    <td class="tal">
			    	<h1>&nbsp;</h1>
			    	<p>数据模板参数：</p>
		    	  <blockquote>
		    	    <p>options = $.extend({<br />

                      <span class="f_red">// 事件类型，默认为单击</span><br />
                    oEvent: &quot;click&quot;,</p>
		    	    <p><span class="f_red">// 允许选中的个数</span><br />
		    	      maxLength: 3,<br />
		    	      // 取值后添加的目标<br />

		    	      // need like this #jobDialog</p>
		    	    <p><span class="f_red">// 选中值后，把值给谁，默认为input text </span><br />
		    	      addTarget: this,<br />
		    	      <span class="f_red">// 接收数据源类型(XML格式)，支持地区，职位类型，企业类型，企业规模，年薪，学历</span><br />
		    	      dataType: &quot;getJobName&quot;,</p>

		    	    <p><span class="f_red">// 接收数据源的路径</span><br />
		    	      oDataSource: &quot;&quot;,<br />
		    	      <span class="f_red">// 是否多选</span><br />
		    	      isMulti: true,<br />
		    	      // 默认显示的文字提示</p>
		    	    <p><span class="f_red">// 控件上默认显示的默认值　 </span><br />

		    	      thisText: &quot;请选择职位名称&quot;,</p>
		    	    <p><span class="f_red">// 指定的Dialog层的<em>ID，必须唯一</em></span><br />
		    	      dialogId: &quot;js_dialog_data&quot;,<br />
		    	      isSubstring: false,</p>

		    	    <p><span class="f_red">// 指定的Dialog层的<em>宽度</em></span><br />
		    	      oWidth: 920,<br />
		    	    <p><span class="f_red">// 指定的Dialog层关闭后回调callback</span><br />
		    	      dialogClose: function() {<br />
		    	      }<br />
		    	      }, options || {});</p>

		    	  </blockquote>
			    	<h2 class="f_b">各种数据类型调用:</h2>
		    	  <blockquote>
		    	    <p>$(function(){</p>
		    	    <p><span class="f_red">//选地区</span><br />
		    	      $(&quot;#J_area&quot;).getArea({<br />

		    	      oDataSource:&quot;${ctx}/api_demo/api_js/area.xml&quot;<br />
		    	      });</p>
		    	    <p><span class="f_red">//选职位类型</span><br />
		    	      $(&quot;#J_jobName&quot;).getJobName({<br />
		    	      oDataSource:&quot;${ctx}/api_demo/api_js/jobName.xml&quot;<br />

		    	      });</p>
		    	    <p><span class="f_red">//选企业类型,有二级数据情况</span><br />
		    	      $(&quot;#J_getDisciplineType&quot;).getDisciplineType({<br />
		    	      oDataSource:&quot;${ctx}/api_demo/api_js/getDisciplineType.xml&quot;,<br />
		    	      isMulti:false,<br />

		    	      maxLength:1,<br />
		    	      //Dialog ID一定要跟多选的有区别<br />
		    	      dialogId: &quot;js_dialog_disciplineType2&quot;<br />
		    	      });</p>
		    	    <p><span class="f_red">//选企业类型，只有一级数据情况</span><br />
		    	      $(&quot;#J_getDisciplineType2&quot;).getDisciplineType({<br />

		    	      oDataSource:&quot;${ctx}/api_demo/api_js/getDisciplineType.xml&quot;,<br />
		    	      isMulti:true<br />
		    	      });</p>
		    	    <p><span class="f_red">//选薪水范围单选情况</span><br />
		    	      $(&quot;#J_getSalary&quot;).getPayment({<br />

		    	      oDataSource:&quot;${ctx}/api_demo/api_js/getSalary.xml&quot;,<br />
		    	      isMulti:false<br />
		    	      });</p>
		    	    <p><span class="f_red">//选薪水范围多选情况</span><br />
		    	      $(&quot;#J_getSalary2&quot;).getPayment({<br />

		    	      oDataSource:&quot;${ctx}/api_demo/api_js/getSalary.xml&quot;,<br />
		    	      isMulti:true,<br />
		    	      dialogId: &quot;js_Salary_data2&quot;<br />
		    	      });</p>
		    	    <p><span class="f_red">//选企业规模</span><br />

		    	      $(&quot;#J_getScope&quot;).getEnterpriseScale({<br />
		    	      oDataSource:&quot;${ctx}/api_demo/api_js/getEnterpriseScale.xml&quot;,<br />
		    	      isMulti:false<br />
		    	      });</p>
		    	    <p><span class="f_red">//选学历功能</span><br />

		    	      $(&quot;#J_record&quot;).getDiploma({<br />
		    	      oDataSource:&quot;${ctx}/api_demo/api_js/getDiploma.xml&quot;,<br />
		    	      isMulti:false<br />
		    	      });<br />
		    	      });</p>

		    	  </blockquote></td>
	       </tr>
	   </tbody>
	</table>
</body>
</html>